<!--
 * @Author: wz
 * @Date: 2020-11-28 22:51:10
 * @LastEditors: wz
 * @LastEditTime: 2021-01-29 14:42:31
 * @Description:
-->

<template>
        <qb-main-container-first>
         <div slot="handleParams">mock数据</div>
        <div class="m5">
            <qb-table :data="tableList" style="width: 100%">
                <qb-table-column prop="id" label="用户ID" width="180"></qb-table-column>
                <qb-table-column prop="uuid" label="uuid"></qb-table-column>
                <qb-table-column prop="author" label="姓名" width="180"></qb-table-column>
                <qb-table-column prop="datetime" label="日期" width="180"></qb-table-column>
                <qb-table-column prop="title" label="标题"></qb-table-column>
                <qb-table-column prop="pageViews" label="用户访问量"></qb-table-column>
                <qb-table-column prop="percent" label="分值"></qb-table-column>
                <qb-table-column prop="img" label="图片">
                    <template slot-scope="scope">
                        <img class="w50" :src="scope.row.img" />
                    </template>
                </qb-table-column>
            </qb-table>
        </div>
    </qb-main-container-first>
</template>
<script>
    export default {
        data() {
            return {
                tableList: []
            }
        },
        components: {},
        async mounted() {
            let [res] = await this.$api.table.getTableList({
                loading: false
            })
            if (res) this.tableList = res.list
        },
        methods: {}
    }
</script>
<style lang="less" scoped>
    @import './index.less';
</style>
